@charset "utf-8";
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,img{margin:0;padding:0}
ul,li,ol,dl,dt,dd{list-style: none;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display:block; }
table{border-collapse:collapse;border-spacing:0}
audio,canvas,video { display: inline-block;*display: inline;*zoom: 1;}
fieldset,img{border:0}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
q:before,q:after{content:''}
abbr,acronym{border:0;font-variant:normal}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}
input,textarea,select{*font-size:100%}
a{text-decoration:none; display: inline-block;}
a:hover,a:focus{ text-decoration:none;}
a:focus{ outline:none;}
img{ display:inline-block; border:none; max-width:100% ;max-height: 100%; margin: 0 auto;}
table{ border:none;}
input[type="button"], input[type="submit"], input[type="reset"] {
    -webkit-appearance: none;
}
.swiper-button-next:focus, .swiper-button-prev:focus {
    outline: -webkit-focus-ring-color auto 0px;
}
textarea {  -webkit-appearance: none;}
input:focus, textarea:focus {
    outline: none;
}
input:focus{
    -webkit-tap-highlight-color:rgba(0,0,0,0);
    -webkit-user-modify:read-write-plaintext-only;
}
input:focus,textarea:focus {
    outline: none;284

}
.imgradius img{
    border-radius: 5px;
}
.pad7{
    padding: 7rem 0;
}
.pad6{
    padding: 6rem 0;
}
.pad5{
    padding: 5rem 0;
}
.pad4{
    padding: 4rem 0;
}
.imgss{
    overflow: hidden;
}
.imgss div{
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
    height: 100%;
}

*{ margin:0; padding:0;}
html{ font-size: 14px; line-height:24px;
    color: #333; -ms-touch-action: none; overflow-y: scroll; /* 阻止windows Phone 的默认触摸事件 */}
.clear{ clear:both;}
.wid100{ width:100%; overflow: hidden;}
.top5{ margin-top:5px;}
.top10{ margin-top:10px;}
.font14{font-size: 14px}
.top15{ margin-top:15px;}
.top20{ margin-top:20px;}
.top40{ margin-top:40px;}
.top50{ margin-top:50px;}
.top70{ margin-top:70px;}
.mar10{ margin:10px 0;}
.mar25{ margin:25px 0;}
.pad65{ padding:65px 0;}
.font12{ font-size:12px;}
.font13{ font-size:13px;}
.font15{ font-size:15px;}
.font16{ font-size:16px;}
.font18{ font-size:18px;}
.font20{ font-size:20px;}
.font22{ font-size:22px;}
.font24{ font-size:24px;}
.font26{ font-size:26px;}
.font28{ font-size:28px;}
.font30{ font-size:30px;}
.font32{ font-size:32px;}
.font34{ font-size:34px;}
.font35{ font-size:35px;}
.font36{ font-size:36px;}
.font40{ font-size: 40px;}
.font42{ font-size: 42px;}
.font45{ font-size: 45px;}
.font48{ font-size: 48px;}
.font60{ font-size:60px;}
.font70{ font-size:70px;}
.font56{ font-size:56px;}
.font80{ font-size: 80px;}
.fonBlod{font-weight: bold;}
.Box1024{ width:1024px; margin:0 auto; overflow:hidden;}
.Box1100{ width:1100px; margin:0 auto; overflow:hidden;}
.Box1200{ width:1200px; margin:0 auto; overflow:hidden;}
.Box1224{ width:1224px; margin:0 auto; overflow:hidden;}
.Box1274{ width:1274px; margin:0 auto; overflow:hidden;}
.Box1300{width: 1300px; margin:0 auto; overflow: hidden;}
.Box1314{ width:1314px; margin:0 auto; overflow:hidden;}
.Box1324{ width:1324px; margin:0 auto; overflow:hidden;}
.Box1332{ width:1332px; margin:0 auto; overflow:hidden;}
.Box1338{ width:1338px; margin:0 auto; overflow:hidden;}
.Box1440{width: 1440px; margin:0 auto; overflow:hidden;}
.Box1500{width: 1500px; margin:0 auto; overflow:hidden;}
.BoxTable{ display:table; height:100%;width: 100%}
.text_Tupper{text-transform: uppercase;}
.BoxCell{ display:table-cell; vertical-align:middle; width:100%; height:100%;}
.disFlCenter{
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
    -webkit-box-align: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-pack: center;
    -webkit-flex-flow: column wrap;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap;
    align-items: center;}
.ovfV{overflow: visible;}
/******************动起来********************/
@-webkit-keyframes tada{
    0%{-webkit-transform:scale(1);}
    10%, 20%{-webkit-transform:scale(0.9) rotate(-3deg);}
    30%, 50%, 70%, 90%{-webkit-transform:scale(1.1) rotate(3deg);}
    40%, 60%, 80%{-webkit-transform:scale(1.1) rotate(-3deg);}
    100%{-webkit-transform:scale(1) rotate(0);}
}
@-moz-keyframes tada{
    0%{-moz-transform:scale(1);}
    10%, 20%{-moz-transform:scale(0.9) rotate(-3deg);}
    30%, 50%, 70%, 90%{-moz-transform:scale(1.1) rotate(3deg);}
    40%, 60%, 80%{-moz-transform:scale(1.1) rotate(-3deg);}
    100%{-moz-transform:scale(1) rotate(0);}
}
@-o-keyframes tada{
    0%{-o-transform:scale(1);}
    10%, 20%{-o-transform:scale(0.9) rotate(-3deg);}
    30%, 50%, 60%, 70%, 90%{-o-transform:scale(1.1) rotate(3deg);}
    40%, 60%, 80%{-o-transform:scale(1.1) rotate(-3deg);}
    100%{-o-transform:scale(1) rotate(0);}
}
@-ms-keyframes tada{
    0%{-ms-transform: scale(1);}
    10%, 20%{-ms-transform:scale(0.9) rotate(-3deg);}
    30%, 50%, 60%, 70%, 90%{-ms-transform:scale(1.1) rotate(3deg);}
    40%, 60%, 80%{-ms-transform:scale(1.1) rotate(-3deg);}
    100%{-ms-transform:scale(1) rotate(0);}
}
@-webkit-keyframes tada1{
    0%{-webkit-transform:scale(1);}
    50%{-webkit-transform:scale(0.9)}
    100%{-webkit-transform:scale(1)}
}
@-moz-keyframes tada1{
    0%{-moz-transform:scale(1);}
    50%{-moz-transform:scale(0.9)}
    100%{-moz-transform:scale(1)}
}
@-o-keyframes tada1{
    0%{-o-transform:scale(1);}
    50%{-o-transform:scale(0.9)}
    100%{-o-transform:scale(1) rotate(0);}
}
@-ms-keyframes tada1{
    0%{-ms-transform: scale(1);}
    50%{-ms-transform:scale(0.9)}
    100%{-ms-transform:scale(1) rotate(0);}
}
.ImgBox{
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}
.borRad50{
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
}
.borRad30{
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    border-radius: 30px;
}
.borRad20{
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px;
}
.borRad10{
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
}
.borRad6{
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;
}
.borRad3{
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}




@media (max-width:1660px){
    .font22{ font-size:20px;}
    .font24{ font-size:22px;}
    .font26{ font-size:24px;}
    .font28{ font-size:26px;}
    .font30 , .font32{ font-size:28px;}
    .font36 , .font35 , .font34{ font-size:32px;}
    .font42 , .font45 , .font40{ font-size: 38px;}
    .font48{ font-size: 40px;}
    .font60{font-size: 54px;}
    .font70{ font-size:63px;}
    .font56{ font-size:50px;}
    .font80{ font-size: 70px;}
	.font90{font-size: 80px;}
}
@media (max-width:1560px){
    .Box1500{ width: 1350px;}
	 .font70{ font-size:54px;}
	 .font90{font-size: 74px;}
}
@media (max-width:1500px){
    .font24{ font-size:20px;}
    .font26{ font-size:22px;}
    .font28{ font-size:24px;}
    .font30 , .font32{ font-size:26px;}
    .font36 , .font35 , .font34{ font-size:30px;}
    .font42 , .font45 , .font40{ font-size:36px;}
    .font48{ font-size: 38px;}
    .font60{font-size: 48px;}
    .font70{ font-size:54px;}
    .font56{ font-size:50px;}
    .font80{ font-size: 58px;}
	.font90{font-size: 64px;}
    .Box1332 , .Box1300 , .Box1360 , .Box1338 , .Box1274 , .Box1324 , .Box1314{ width:1250px;}
    .Box1440 , .Box1500{ width: 1350px;}
}
@media (max-width:1440px){
    .Box1440 , .Box1500 , .Box1332 , .Box1300 , .Box1360 , .Box1274{ width:1200px;}
	.pad7{padding: 5rem 0;}
}
@media (max-width:1332px){
    .Box1440 , .Box1500 , .Box1332 , .Box1300 , .Box1360 , .Box1338  , .Box1274 , .Box1324 , .Box1314{ width:1150px;}
    .Box1200 , .Box1224{ width:1100px;}
    .font60{font-size: 40px;}
    .font70{ font-size:46px;}
    .font56{ font-size:42px;}
    .font80{ font-size: 60px;}
	.font90{font-size: 68px;}

}
@media (max-width:1314px){
    .font36 , .font35 , .font34{ font-size:28px;}
}
@media (max-width:1274px){
}
@media (max-width:1200px){
    .font18{ font-size:16px;}
    .font20 , .font22{ font-size: 17px;}
    .font24{ font-size:18px;}
    .font26{ font-size:20px;}
    .font28{ font-size:22px;}
    .font30 , .font32{ font-size:24px;}
    .font36 , .font35 , .font34{ font-size:26px;}
    .font42 , .font45 , .font40{ font-size: 30px;}
    .font48{ font-size: 35px;}
    .font60{font-size: 38px;}
    .font70{ font-size:45px;}
    .font56{ font-size:38px;}
    .font80{ font-size: 50px;}
	
    .Box1440 , .Box1500 , .Box1332 , .Box1300 , .Box1360 , .Box1338  , .Box1200 , .Box1224 , .Box1274 , .Box1324 , .Box1314,.Box1100{ width:96%;}
    /*#menu{ background:rgba(255,255,255,0.9); width:100%; max-height: 350px; overflow: auto; display:none; position: absolute; padding:0 15px; top:55px; left:0;  z-index:101;}*/
    /*#menu li{ width:100%; border-top: none; height:auto; line-height: 50px; clear:both; margin:0; border-bottom:1px dotted #666; text-align:left; padding:0 15px;}*/
    /*#menu li:hover{ border-top: none;}*/
    /*#menu li:hover > a{ color: #f28200; border-top: none;}*/
    /*#menu li.navBoxhover a{ color: #f28200;}*/
    /*#menu li > a{ color:#000; text-align:left; line-height:49px; height:50px; float:left; border: none;}*/
    /*#menu li a:before{width: 0; height: 0;}*/
    /*#menu li dl{position: relative; top: auto; background: none; line-height: 50px;}*/
    /*#menu li dl dd{padding: 0 12px;}*/
    .pad7{
        padding: 5rem 0;
    }
    .pad6{
        padding: 4rem 0;
    }
    .pad5{
        padding: 3rem 0;
    }
    .pad4{
        padding: 2rem 0;
    }
}
@media (max-width:1024px){
    .Box1024{width: 96%; margin: 0 auto;}

}
@media (max-width:997px){
    .font16{ font-size:14px;}
    .font24{ font-size:16px;}
    .font20 , .font22{ font-size: 16px;}
    .font26{ font-size:18px;}
    .font28{ font-size:20px;}
    .font30 , .font32{ font-size:22px;}
    .font36 , .font35 , .font34{ font-size:24px;}
    .font42 , .font45 , .font40{ font-size: 26px;}
    .font48{ font-size: 30px;}
    .font60{font-size: 32px;}
    .font70{ font-size:35px;}
    .font56{ font-size:32px;}
    .font80{ font-size: 40px;}
	.font90{font-size: 44px;}
    .pad7{
        padding: 3rem 0;
    }
}
@media (max-width:886px){

}
@media (max-width:767px){
    .font26{font-size: 16px;}
    .font28{ font-size:18px;}
    .font30{ font-size:20px;}
    .font32{ font-size:21px;}
    .font42 , .font45 , .font40{ font-size: 22px;}
    .font48{ font-size: 24px;}
    .font60{font-size: 26px;}
    .font70{ font-size:28px;}
    .font56{ font-size:25px;}
    .font80{ font-size: 30px;}
	.font90{font-size: 34px;}
    .pad6{padding: 3rem 0;}


}
@media (max-width:680px){
    .font36 , .font35 , .font34{ font-size:20px;}
    .font42 , .font45 , .font40{ font-size: 20px;}
    .font48{ font-size: 22px;}
    .font60{font-size: 22px;}
    .font70{ font-size:24px;}
    .font80{ font-size: 26px;}
	.font90{font-size: 30px;}
}
@media (max-width:640px){
}
@media (max-width:600px){

}
@media (max-width:580px){
    .font60{font-size: 20px;}

}
@media (max-width:520px){


}
@media (max-width:440px){
    .font16,.font18{ font-size:14px;}
    .font20,.font22,.font24{ font-size:15px;}
    .font26{font-size: 17px}
    .font36 , .font35 , .font34{ font-size:20px;}
    .font30 , .font32 , .font28{ font-size:18px;}
    .font42 , .font45 , .font40{ font-size: 20px;}
    .font48{ font-size: 18px;}
    .font70{ font-size:20px;}
    .font80{ font-size: 22px;}
    .font14{font-size: 12px}
}
@media (max-width:400px){

}
@media (max-width:350px){
}
.textup{
    animation: textup 1.6s ease-out 0s;
    -webkit-animation: textup 1.6s ease-out 0s ;
}
.textdown{
    animation: textdown 1.6s ease-out 0s;
    -webkit-animation: textdown 1.6s ease-out 0s ;
}

@keyframes Left{
    0% {
        opacity: 0;
        transform:translateX(-50%);
        -webkit-transform:translateX(-50%);
    }
    100%{
        opacity: 1;
        transform:translateX(0);
        -webkit-transform:translateX(0);
    }
}
@keyframes Right{
    0% {
        opacity: 0;
        transform:translateX(50%);
        -webkit-transform:translateX(50%);
    }
    100%{
        opacity: 1;
        transform:translateX(0);
        -webkit-transform:translateX(0);
    }
}
@-webkit-keyframes Left{
    0% {
        opacity: 0;
        transform:translateX(-50%);
        -webkit-transform:translateX(-50%);
    }
    100%{
        opacity: 1;
        transform:translateX(0);
        -webkit-transform:translateX(0);
    }
}
@-webkit-keyframes Right{
    0% {
        opacity: 0;
        transform:translateX(50%);
        -webkit-transform:translateX(50%);
    }
    100%{
        opacity: 1;
        transform:translateX(0);
        -webkit-transform:translateX(0);
    }
}
@keyframes textup{
    0% {
        opacity: 0;
        transform:translateY(-100px);
        -webkit-transform:translateY(-100px);
    }
    100%{
        opacity: 1;
        transform:translateY(0);
        -webkit-transform:translateY(0);
    }
}
@-webkit-keyframes textup{
    0% {
        opacity: 0;
        transform:translateY(-100px);
        -webkit-transform:translateY(-100px);
    }
    100%{
        opacity: 1;
        transform:translateY(0);
        -webkit-transform:translateY(0);
    }
}
@keyframes textdown{
    0% {
        opacity: 0;
        transform:translateY(100px);
        -webkit-transform:translateY(100px);
    }
    100%{
        opacity: 1;
        transform:translateY(0);
        -webkit-transform:translateY(0);
    }
}
@-webkit-keyframes textdown{
    0% {
        opacity: 0;
        transform:translateY(100px);
        -webkit-transform:translateY(100px);
    }
    100%{
        opacity: 1;
        transform:translateY(0);
        -webkit-transform:translateY(0);
    }
}
.fadeInd{
    animation: fadeInd 1.8s;
    -webkit-animation: fadeInd 1.8s;
}
@keyframes fadeInd{
    0% {
        opacity: 1;
        transform:scale(1.1);
        -webkit-transform:scale(1.1);
    }
    100%{
        opacity: 1;
        transform:scale(1);
        -webkit-transform:scale(1);
    }
}